import styled from 'styled-components';

/**
 * 使用styled-components 创建样式
 * 相对于CssModule，styled-components 可以写在JS中并切套子元素,可以实现样式动态修改
 * 示例：
 * const NavBox = styled.nav`
 *  color: red;
 *  font-size: 16px;
 * `;
 */

export const NavBox = styled.nav`
  color: red;
  font-size: 16px;
	/* background-color: black; */
	.title{
		color: blue;
		&:hover{
			color: green;
		}
	}
`;
